<template>
  <div>
    <el-collapse v-model="activeName"
                 accordion>
      <el-collapse-item v-for="item in activeList"
                        :key="item.name"
                        :title="item.title"
                        :name="item.name">
        <div v-html="item.text"></div>
      </el-collapse-item>
    </el-collapse>
  </div>
</template>

<script>
export default {
  name: 'PS_HQ',
  data() {
    return {
      activeName: '1',
      activeList: [
        {
          title: '后期',
          name: 1,
          text:
            '拍摄 -> 选片 -> 调色 -> 精修 -> 发件'
        },
        {
          title: '选片',
          name: 2,
          text:
            '要挑选您喜欢的，构图干净、动作优美、对焦正常、表情自然的'
        },
        {
          title: '特殊说明',
          name: 3,
          text:
            `1.后期实在尊重原片的基础上进行的，我们摄影师会调整照片的色彩结构和风格，美化个人人物皮肤等，消除无法避免的笑瑕疵<br>
             2.如果您对色彩和精修的想过满意，我们将按照您认可的方式精修制作，如有疑问，及时联系工作人员进行调整
            `
        },
        {
          title: '取件',
          name: 4,
          text:
            '会及时发送邮件并微信通知，请关注消息'
        }
      ]
    }
  }
}
</script>
<style lang="less" scoped>
/deep/ .el-collapse-item__header.is-active {
  color: #000000;
  font-size: 16px;
}
/deep/ .el-collapse-item__content {
  color: #909399;
  padding: 0 11px;
}
</style>
